<ui:composition template="../WEB-INF/templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:tc="http://java.sun.com/jsf/composite/components">

	<ui:define name="content-title">
		<h:outputLabel>Users</h:outputLabel>
	</ui:define>
	
	<ui:define name="left_sidebar">
		<p:panel header="Shops" style="height:187px">
				
				
		</p:panel>
		<p:panel header="Catalogues" style="height:187px">
					
					
		</p:panel>
	</ui:define>
	 
	
	<ui:define name="content">
		<p:panel header="Currently Registered Users">
			<p:dataTable id="table" value="#{registrationBean.usersList}" var="user">
			
			<p:column id="usernameColumn" filterBy="#{user.username}"   
	                headerText="Username">  
	            <h:outputText value="#{user.username}" />  
	        </p:column>
	        
	        <p:column id="firstnameColumn" filterBy="#{user.firstname}"   
	                headerText="Firstname" >  
	            <h:outputText value="#{user.firstname}" />  
	        </p:column>    
	        
						
			<p:column id="lastnameColumn" filterBy="#{user.lastname}"   
	                headerText="Lastname" >  
	            <h:outputText value="#{user.lastname}" />  
	        </p:column>
	        
			<p:column id="mobileColumn" filterBy="#{user.cellPhoneNumber}"   
	                headerText="Cell Phone" >  
	            <h:outputText value="#{user.telephoneNumber}" />  
	        </p:column>
	        
			<p:column id="fixedColumn" filterBy="#{user.telephoneNumber}"   
	                headerText="Telephone Number" >  
	            <h:outputText value="#{user.telephoneNumber}" />  
	        </p:column>
	        
			
		</p:dataTable>
		</p:panel>
	</ui:define>
	
</ui:composition>